<template>
  <h3 style="margin-bottom: 20px">会员查询</h3>
  <el-table :data="vipRef"
            border
            style="width: 70vw;margin-top: 20px"
  >
    <el-table-column type="index" width="50"/>
    <el-table-column prop="name" label="姓名"/>
    <el-table-column prop="sex" label="性别"/>
    <el-table-column prop="phone" label="电话号码"/>
  </el-table>
</template>

<script setup>
import {onMounted, ref} from "vue";
import {listVIPApi} from "../../api";

let vipRef = ref(null)
onMounted(async () => {
  let vips = await (await listVIPApi()).json()
  vipRef.value = vips.data
})
</script>

<style scoped>

</style>